<template>
	<div class="j-events">
		<j-header :indexNum="2"></j-header>
		<div class="ques-box">
			<div class="je-banner"></div>
			<!--<div class="nav-back">-->
				<!--<div class="container clearfix">-->
					<!--<div class="nav-tt pull-left">大事记</div>-->
				<!--</div>-->
			<!--</div>-->
			<div class="container je-box">
				<!--2017-->
				<div class="data-box clearfix">
					<div class="date-back-left">
						2017
					</div>
					<div class="data-list-left pull-left">
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">9月</div>
								<div class="date-txt">成立“中国共产党中国干细胞集团委员会”。</div>
							</div>
						</div>
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">4月</div>
								<div class="date-txt">成立“中国共产党中国干细胞集团委员会”。<br>临床移植数量突破2500例</div>
							</div>
						</div>
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">1月</div>
								<div class="date-txt">成立“中国共产党中国干细胞集团委员会”</div>
							</div>
						</div>
					</div>
					<div class="data-list-right pull-right">
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">5月</div>
								<div class="date-txt">荣获“中国民营企业文化建设先进单位”；<br>临床移植数量突破2500例，居全国之首。</div>
							</div>
						</div>
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">3月</div>
								<div class="date-txt">自体脐带血造血干细胞临床移植成功，11岁小患者重获新生。</div>
							</div>
						</div>
					</div>
				</div>
				<!--2016-->
				<div class="data-box clearfix data-md">
					<div class="date-back-right">2016</div>
					<div class="data-list-left pull-left">
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">6月</div>
								<div class="date-txt">荣获“上海市两新组织先进基层党组织”。</div>
							</div>
						</div>
					</div>
					<div class="data-list-right pull-right">
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">7月</div>
								<div class="date-txt">临床移植数量突破2000例，居全国之首。</div>
							</div>
						</div>
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">4月</div>
								<div class="date-txt">课题“脐带血造血干细胞在-196℃环境下高活性、低风险的技术研究和临床应用”荣获“上海市科技进步奖”；<br>海南省首例脐带血造血干细胞移植获得成功。</div>
							</div>
						</div>
					</div>
				</div>
				<!--2015-->
				<div class="data-box clearfix">
					<div class="date-back-left">2015</div>
					<div class="data-list-left pull-left">
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">12月</div>
								<div class="date-txt">集团附属干细胞医院在海南博鳌乐城国际医疗旅游先行区奠基。</div>
							</div>
						</div>
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">10月</div>
								<div class="date-txt">荣获“上海市科技小巨人企业”。</div>
							</div>
						</div>
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">4月</div>
								<div class="date-txt">荣获“2013~2014年度上海市文明单位”。</div>
							</div>
						</div>
					</div>
					<div class="data-list-right pull-right">
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">11月</div>
								<div class="date-txt">“胎盘干细胞保存和技术服务”荣获“上海市高新技术成果转化项目证书”。</div>
							</div>
						</div>
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">7月</div>
								<div class="date-txt">刷新国内临床移植患者年龄最小记录，出生仅6个月的基因缺陷婴儿接受脐带血造血干细胞移植治疗炎症性肠炎。</div>
							</div>
						</div>
					</div>
				</div>
				<!--2014-->
				<div class="data-box clearfix data-md2">
					<div class="date-back-right">2014</div>
					<div class="data-list-left pull-left">
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">8月</div>
								<div class="date-txt">“间充质干细胞保存和技术服务”荣获“上海市高新技术成果转化项目证书”。</div>
							</div>
						</div>
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">1月</div>
								<div class="date-txt">荣获“2014~2016上海市著名商标”。</div>
							</div>
						</div>
					</div>
					<div class="data-list-right pull-right">
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">9月</div>
								<div class="date-txt">集团重庆大厦建成，获评“重庆市干细胞再生医学企业工程研发中心”。</div>
							</div>
						</div>
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">4月</div>
								<div class="date-txt">荣获“上海市五一劳动奖状”。</div>
							</div>
						</div>
					</div>
				</div>
				<!--2013-->
				<div class="data-box clearfix data-md">
					<div class="date-back-left">2013</div>
					<div class="data-list-left pull-left">
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">6月</div>
								<div class="date-txt">荣获“上海市科普教育基地”。</div>
							</div>
						</div>
					</div>
					<div class="data-list-right pull-right">
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">12月</div>
								<div class="date-txt">获评“苏州市干细胞应用工程技术研究中心”。</div>
							</div>
						</div>
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">4月</div>
								<div class="date-txt">荣获“2011~2012年度上海市文明单位”。</div>
							</div>
						</div>
					</div>
				</div>
				<!--2012-->
				<div class="data-box clearfix">
					<div class="date-back-right">2012</div>
					<div class="data-list-left pull-left">
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">12月</div>
								<div class="date-txt">集团上海大厦建成，时任国家卫生部部长陈竺院士发来贺信，对集团工作给予高度肯定。</div>
							</div>
						</div>
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">3月</div>
								<div class="date-txt">产品“脐带血造血干细胞”荣获“国家重点新产品”。</div>
							</div>
						</div>
					</div>
					<div class="data-list-right pull-right">
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">5月</div>
								<div class="date-txt">获评“陕西省人类干细胞工程实验室”。</div>
							</div>
						</div>
					</div>
				</div>
				<!--2011-->
				<div class="data-box clearfix">
					<div class="date-back-left">2011</div>
					<div class="data-list-left pull-left">
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">10月</div>
								<div class="date-txt">完成第100例脐带血造血干细胞移植，上海市血液管理办公室发来贺信。</div>
							</div>
						</div>
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">1月</div>
								<div class="date-txt">集团首席科学家王振义院士荣获2010年度国家最高科学技术奖。</div>
							</div>
						</div>
					</div>
					<div class="data-list-right pull-right">
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">8月</div>
								<div class="date-txt">集团首席科学家阮长耿院士荣获法兰西国家功绩军官勋章。</div>
							</div>
						</div>
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">3月</div>
								<div class="date-txt">获评“陕西省人类干细胞工程实验室”。</div>
							</div>
						</div>
					</div>
				</div>
				<!--2010-->
				<div class="data-box clearfix data-md">
					<div class="date-back-right">2010</div>
					<div class="data-list-left pull-left">
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">7月</div>
								<div class="date-txt">荣获“上海市创新型企业”。</div>
							</div>
						</div>
					</div>
					<div class="data-list-right pull-right">
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">10月</div>
								<div class="date-txt">陕西省首例成人脐带血造血干细胞移植获得成功“脐带干细胞保存和技术服务”荣获“上海市高新技术成果转化项目证书”。</div>
							</div>
						</div>
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">1月</div>
								<div class="date-txt">荣获“ISO9001质量管理体系认证”证书。</div>
							</div>
						</div>
					</div>
				</div>
				<!--2009-->
				<div class="data-box clearfix data-md2">
					<div class="date-back-left">2009</div>
					<div class="data-list-left pull-left">
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">8月</div>
								<div class="date-txt">集团首列 “存捐互利”配型、移植获成功，其模式获得国际权威学术期刊《Nature》肯定。</div>
							</div>
						</div>
					</div>
					<div class="data-list-right pull-right">
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">4月</div>
								<div class="date-txt">同上海儿童医院中心联合建立“脐带血移植救助基金”。</div>
							</div>
						</div>
					</div>
				</div>
				<!--2008-->
				<div class="data-box clearfix data-md2">
					<div class="date-back-right">2008</div>
					<div class="data-list-left pull-left">
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">6月</div>
								<div class="date-txt">受上海市卫生局委托接收其他机构的转库干细胞样本。</div>
							</div>
						</div>
					</div>
					<div class="data-list-right pull-right">
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">5月</div>
								<div class="date-txt">通过红十字会向四川灾区捐款10万元</div>
							</div>
						</div>
					</div>
				</div>
				<!--2007-->
				<div class="data-box clearfix data-md2">
					<div class="date-back-left">2007</div>
					<div class="data-list-left pull-left">
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">8月</div>
								<div class="date-txt">“脐带血保存和技术服务”荣获“上海市高新技术成果转化项目证书”。</div>
							</div>
						</div>
					</div>
					<div class="data-list-right pull-right">
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">5月</div>
								<div class="date-txt">与中华骨髓库合作签约，实现HLA配型信息全面联网。</div>
							</div>
						</div>
					</div>
				</div>
				<!--2006-->
				<div class="data-box clearfix data-md2">
					<div class="date-back-right">2006</div>
					<div class="data-list-left pull-left">
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">10月</div>
								<div class="date-txt">通过国家卫生部执业验收，获得“国家特殊血站执业许可证”。</div>
							</div>
						</div>
					</div>
					<div class="data-list-right pull-right">
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">4月</div>
								<div class="date-txt">通过国家卫生部执业验收，获得“国家特殊血站执业许可证”。</div>
							</div>
						</div>
					</div>
				</div>
				<!--2005-->
				<div class="data-box clearfix data-md2">
					<div class="date-back-left">2005</div>
					<div class="data-list-left pull-left">
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">5月</div>
								<div class="date-txt">荣获 “中国红十字会团体会员证”。</div>
							</div>
						</div>
					</div>
					<div class="data-list-right pull-right">
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">2月</div>
								<div class="date-txt">上海市卫生局发文要求上海市各大医院全力配合脐带血采集工作。</div>
							</div>
						</div>
					</div>
				</div>
				<!--2004-->
				<div class="data-box clearfix data-md2">
					<div class="date-back-right">2004</div>
					<div class="data-list-left pull-left">
						<div class="data-list">
							<div class="date-left">
								<div class="date-tt">4月</div>
								<div class="date-txt">从美国引进MVE全自动气相液氮储存系统，成功打造国内第一个技术含量最高、最安全的深低温液氮气相存储系统。</div>
							</div>
						</div>
					</div>
					<div class="data-list-right pull-right">
						<div class="data-list">
							<div class="date-right">
								<div class="date-tt">1月</div>
								<div class="date-txt">公司注册成立。</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<j-footer></j-footer>
	</div>
</template>
<script>
import JHeader from '../../components/Header.vue'
import JFooter from '../../components/Footer.vue'
export default {
  components: {
    JHeader, JFooter
  }
}
</script>
<style rel="stylesheet/scss" type="text/scss" lang="scss" scoped>
	@import "../../styles/css-in.css";
	.je-banner {
		height: 150px;
		background: url(../../assets/banner/banner06.jpg) center top no-repeat;
	}
	.j-events{
		width: 100%;
		background-color: #f8f8f8;
		text-align: left;
		.je-box{
			margin: 88px auto 130px auto;
			.data-box{
				position: relative;
				.date-back{
					position: absolute;
					left: 50%;
					width: 150px;
					height: 61px;
					font-size: 45px;
					color: #02adef;
					font-weight: 600;
					/*padding-left: 65px;*/
					border: 1px solid red;
				}
				.date-back1 {
					background: url(../../assets/2017.png) left center no-repeat;
					margin-left: -30px;
				}
				.date-back2 {
					width: 155px;
					background: url(../../assets/2016.png) left center no-repeat;
					margin-left: -125px;
				}
				.date-back3 {
					background: url(../../assets/2015.png) left center no-repeat;
					margin-left: -30px;
				}
				.date-back-right{
					position: absolute;
					left: 50%;
					width: 170px;
					height: 61px;
					font-size: 40px;
					color: #02adef;
					font-weight: 600;
					/*padding-left: 65px;*/
					background: url(../../assets/rad.png) right center no-repeat;
					margin-left: -140px;
				}
				.date-back-left{
					position: absolute;
					left: 50%;
					width: 150px;
					height: 61px;
					font-size: 40px;
					color: #02adef;
					font-weight: 600;
					padding-left: 75px;
					background: url(../../assets/rad.png) left center no-repeat;
					margin-left: -32px;
				}
				.date-tt {
					font-size: 20px;
					color: #02adef;
				}
				.date-right, .date-left{
					border-radius: 5px 5px;
					background-color: #ffffff;
					border:1px solid #dddddd;
					font-size: 16px;
					color: #2a2a2a;
					line-height: 30px;
					padding: 12px 25px;
				}
				.data-list-left{
					padding-top: 80px;
					width: 50%;
					border-right: 2px solid #02adef;
					.data-list{
						margin-bottom: 34px;
						background: url(../../assets/line.png) right center repeat-x ;
						.date-left{
							width: 86%;
							margin-left: 0;
						}
					}
				}
				.data-list-right{
					padding-top: 130px;
					width: 50%;
					.data-list{
						margin-bottom: 28px;
						background: url(../../assets/line.png) left center repeat-x ;
						.date-right{
							width: 86%;
							margin-right: 0;
						}
					}
				}
			}
			.data-md{
				.data-list-left{
					padding-top: 150px;
					border-right: none;
				}
				.data-list-right{
					padding-top: 70px;
					border-left: 2px solid #02adef;
				}
			}
			.data-md2{
				.data-list-left{
					border-right: none;
				}
				.data-list-right{
					border-left: 2px solid #02adef;
				}
			}
		}
		.nav-back{
			background: #e9e9e9;
			height: 50px;
			line-height: 50px;
			.nav-tt {
				height: 50px;
				font-size: 16px;
				color: #02adef;
				font-weight: inherit;
				padding-left: 10px;
			}
			.nav-right{
				font-size: 12px;
				color: #2a2a2a;;
				span {
					color: #2a2a2a;
				}
				a{
					color: #2a2a2a;
				}
			}
		}
	}
</style>
<style rel="stylesheet/scss" type="text/scss" lang="scss">
	.clearfix{
		overflow: hidden;
	}
</style>
